<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="../templates/plantillaOther.xhtml">
	<ui:define name="content">
		<h:form prependId="false" id="growlForm">
			<p:growl id="growl" showDetail="true" />
			<!--p:messages id="messages" showDetail="true" autoUpdate="true"/-->
		</h:form>
		<h:form prependId="false" id="dataForm" enctype="multipart/form-data">
			<h:panelGrid cellspacing="0" cellpadding="0" styleClass="wrapper">
				<p:panel header="Registro de Publicaciones">
					<h:panelGrid columns="1">

						<p:fieldset legend="Seleccione una Categoría" toggleable="true"
							toggleSpeed="300">
							<h:panelGrid>
								<p:tree value="#{ejemploBean.root}" var="node" dynamic="true"
									cache="true" id="tree" selectionMode="single"
									selection="#{publicacionBean.selectedNode}" styleClass="Search">

									<p:ajax event="select"
										listener="#{publicacionBean.onNodeSelect}" />

									<p:treeNode>
										<h:outputText value="#{node}" />
									</p:treeNode>
								</p:tree>
							</h:panelGrid>
						</p:fieldset>
						<p:fieldset legend="Datos de la Publicación" toggleable="true"
							toggleSpeed="300">
							<h:panelGrid columns="3">
								<h:outputLabel for="publicacionTitulo" value="Título: *"
									style="font-weight: bold;" />
								<p:inputText id="publicacionTitulo"
									value="#{publicacionBean.publicacion.titulo}" required="true"
									style="width:280px" />
								<p:message for="publicacionTitulo" display="icon" />

								<h:outputLabel for="publicacionDescripcion"
									value="Descripción: *" style="font-weight: bold;" />
								<p:inputText id="publicacionDescripcion"
									value="#{publicacionBean.publicacion.descripcion}"
									required="true" style="width:280px" />
								<p:message for="publicacionDescripcion" display="icon" />

								<h:outputLabel for="publicacionTipo" style="font-weight: bold;"
									value="Tipo: * " />

								<p:selectOneMenu id="publicacionTipo"
									value="#{publicacionBean.publicacion.tipo}" style="width:160px"
									required="true">
									<f:selectItem itemLabel="Seleccione" itemValue="-" />
									<f:selectItem itemLabel="Nuevo" itemValue="N" />
									<f:selectItem itemLabel="Usado" itemValue="U" />
								</p:selectOneMenu>
								<p:message for="publicacionTipo" display="icon" />

								<h:outputLabel for="publicacionCantidad"
									style="font-weight: bold;" value="Cantidad: *" />

								<p:spinner id="publicacionCantidad"
									value="#{publicacionBean.publicacion.cantidad}" required="true" />
								<p:message for="publicacionCantidad" display="icon" />


								<h:outputLabel for="publicacionPrecio"
									style="font-weight: bold;" value="Precio: *" />

								<p:inputText id="publicacionPrecio" required="true"
									value="#{publicacionBean.publicacion.precio}" />
								<p:message for="publicacionPrecio" display="icon" />


								<h:outputLabel for="publicacionDuracion"
									style="font-weight: bold;" value="Duracion:" />

								<p:spinner id="publicacionDuracion"
									value="#{publicacionBean.publicacion.duracion}" required="true" />
								<p:message for="publicacionDuracion" display="icon" />


								<h:outputLabel for="publicacionEstado"
									style="font-weight: bold;" value="Estado:" />

								<p:selectOneMenu id="publicacionEstado"
									value="#{publicacionBean.publicacion.estado}"
									style="width:160px" required="true">
									<f:selectItem itemLabel="Seleccione" itemValue="-" />
									<f:selectItem itemLabel="Activo" itemValue="1" />
									<f:selectItem itemLabel="Desactivo" itemValue="2" />
								</p:selectOneMenu>
								<p:message for="publicacionEstado" display="icon" />

							</h:panelGrid>
						</p:fieldset>
						<p:fieldset legend="Imágenes del Producto" toggleable="true">
							<h:form id="formImage">
								<p:fileUpload fileUploadListener="#{publicacionBean.upload}"
									allowTypes="/(\.|\/)(gif|jpe?g|png)$/" sizeLimit="500000"
									description="Select Images" />
							</h:form>
						</p:fieldset>
					</h:panelGrid>
				</p:panel>
			</h:panelGrid>
			<p:row>
				<p:column>
					<p:commandButton id="createSaveButton"
						value="#{messages.label_save}" update=":growlForm:growl"
						action="#{publicacionBean.persist}" />
				</p:column>
			</p:row>

		</h:form>
	</ui:define>
</ui:composition>
</html>